{% extends 'layout.html' %}
{% load static %}
  {% block css %}
      <link rel="stylesheet" href="{% static 'plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css' %}">
   {% endblock %}



{% block content %}

    <div class="container">
        <div class="form-group">
            <label>性别</label>
            <select class="form-control">
                {% for item in gender %}
                    <option value="{{ item.0 }}">{{ item.1 }}</option>
                {% endfor %}
            </select>
        </div>
    </div>

    <div class="container">
     <div class="form-group">
            <label>入职时间</label>

        <input id="dt" autocomplete="false" type="text" class="form-control" placeholder="入职时间" name="ctime">
    </div>
    </div>


    <div class="container">
        <div class="form-group">
            <label>部门</label>
            <select class="form-control">
                {% for item in depart_list %}
                    <option value="{{ item.id }}">{{ item.title }}</option>
                {% endfor %}
            </select>
        </div>
    </div>
{% endblock %}

{% block js %}
      <script src="{% static '/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js' %}">
      <script  src="{% static '/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js' %}">
      <script>
        $(function () {
            $('#dt').datepicker({
                format: 'yyyy-mm-dd',
                startDate: '0',
                language: "zh-CN",
                autoclose: true
            })

        })
    </script>

  {% endblock %}